<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>吃了么购物车</title>
		<script th:src="@{plugins/jquery-3.6.0/jquery-3.6.0.min.js}" type="text/javascript"></script>
		<script th:src="@{js/shoppingCar.js}" type="text/javascript"></script>
		<link th:href="@{css/shoppingCar.css}" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div id="header"><img src="img/logo.png" alt="logo" height="100%" /></div>
		<div id="nav">您的位置：<a href="#">首页</a> > <a href="#">我的吃了么</a> > 我的购物车</div>
		<div id="navlist">
			<ul>
				<li class="navlist_red_left"></li> 
				<li class="navlist_red">1. 查看购物车</li> 
				<li class="navlist_red_arrow"></li>
				<li class="navlist_gray">2. 确认订单信息</li> 
				<li class="navlist_gray_arrow"></li>
				<li class="navlist_gray">3. 付款到支付宝</li>
				<li class="navlist_gray_arrow"></li>
				<li class="navlist_gray">4. 确认收货</li>
				<li class="navlist_gray_arrow"></li>
				<li class="navlist_gray">5. 评价</li>
				<li class="navlist_gray_right"></li>
			</ul>
		</div>
		
		<div id="content">
			<table width="100%" border="0" cellspacing="0" cellpadding="0" id="shopping">
				<form action="" method="post" name="myform">
					<tr>
						<td class="title_1"><input id="checkAll" type="checkbox" value=""/>全选</td>
						<td class="title_2" colspan="2">店铺宝贝</td>
						<td class="title_3">获积分</td>
						<td class="title_4">单价（元）</td>
						<td class="title_5">数量</td>
						<td class="title_6">小计（元）</td>
						<td class="title_7">操作</td>
					</tr>
					<tr>
						<td colspan="8" class="line"></td>
					</tr>
					<div id="products">
						<!-- <tr class="product">
							<td class="cart_td_1"><input class="checksin" name="cartCheckBox" type="checkbox" value="product1"/></td>
							<td class="cart_td_2"><img src="img/shoppingCar-cart-01.jpg" alt="shopping"/></td>
							<td class="cart_td_3">
								<a href="#">日韩流行风时尚美眉最爱独特米字拼图金属坡跟公主靴子黑色</a><br />
								颜色：棕色 尺码：37<br />
								保障：<img src="img/shoppingCar-icon-01.jpg" alt="icon" />
							</td>
							<td class="cart_td_4">5</td>
							<td class="cart_td_5">138.00</td>
							<td class="cart_td_6">
								<img src="img/shoppingCar-minus.jpg" alt="minus" name="minus" class="hand sub"/>
								<input id="num_1" type="text"  value="1" class="num_input" readonly="readonly"/>
								<img src="img/shoppingCar-adding.jpg" alt="add" name="add" class="hand plus"/>
							</td>
							<td class="cart_td_7">138.00</td>
							<td class="cart_td_8"><a name="deleteRow" class="deleteRow">删除</a></td>
						</tr> -->
						<tr class="product">
							<td class="cart_td_1"><input class="checksin" name="cartCheckBox" type="checkbox" value="product1"/></td>
							<td class="cart_td_2"><img src="img/shoppingCar-cart-01.jpg" alt="shopping"/></td>
							<td class="cart_td_3">
								<a href="#">日韩流行风时尚美眉最爱独特米字拼图金属坡跟公主靴子黑色</a><br />
							</td>
							<td class="cart_td_4">5</td>
							<td class="cart_td_5">138.00</td>
							<td class="cart_td_6">
								<img src="img/shoppingCar-minus.jpg" alt="minus" name="minus" class="hand sub"/>
								<input type="text"  value="1" class="num_input" readonly="readonly"/>
								<img src="img/shoppingCar-adding.jpg" alt="add" name="add" class="hand plus"/>
							</td>
							<td class="cart_td_7">138.00</td>
							<td class="cart_td_8"><a name="deleteRow" class="deleteRow">删除</a></td>
						</tr>
						<tr class="product">
							<td class="cart_td_1"><input class="checksin" name="cartCheckBox" type="checkbox" value="product1"/></td>
							<td class="cart_td_2"><img src="img/shoppingCar-cart-01.jpg" alt="shopping"/></td>
							<td class="cart_td_3">
								<a href="#">日韩流行风时尚美眉最爱独特米字拼图金属坡跟公主靴子黑色</a><br />
							</td>
							<td class="cart_td_4">5</td>
							<td class="cart_td_5">138.00</td>
							<td class="cart_td_6">
								<img src="img/shoppingCar-minus.jpg" alt="minus" name="minus" class="hand sub"/>
								<input type="text" value="1" class="num_input" readonly="readonly"/>
								<img src="img/shoppingCar-adding.jpg" alt="add" name="add" class="hand plus"/>
							</td>
							<td class="cart_td_7">138.00</td>
							<td class="cart_td_8"><a name="deleteRow" class="deleteRow">删除</a></td>
						</tr>
					</div>
					<!-- <tr>
						<td colspan="3"><img src="img/shoppingCar-del.jpg" onclick="delSelect()" id="deleteSelectRow" alt="delete"/></td>
						<td colspan="5" class="shopend">
							商品总价（不含运费）：<label id="total" class="yellow">0.00</label> 元<br />
							可获积分 <label class="yellow" id="integral">0</label>点<br />
							<input name="" type="image" src="img/shoppingCar-subtn.jpg" />
						</td>
					</tr> -->
				</form>
			</table>
			<table width="100%" border="0" cellspacing="0" cellpadding="0">
				<tr>
					<td colspan="3"><img src="img/shoppingCar-del.jpg" onclick="delSelect()" id="deleteSelectRow" alt="delete"/></td>
					<td colspan="5" class="shopend">
						商品总价（不含运费）：<label id="total" class="yellow">0.00</label> 元<br />
						可获积分 <label class="yellow" id="integral">0</label>点<br />
						<input name="" type="image" src="img/shoppingCar-subtn.jpg" />
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>
